// Comments.tsx
import './Comments.css'
import React from 'react';

const comments = [
    { id: 1, user: 'User1', text: 'Great anime!' },
    { id: 2, user: 'User2', text: 'I love this show.' },
    { id: 3, user: 'User3', text: 'Can\'t wait for the next episode.' },
];

const Comments: React.FC = () => {
    return (
        <div className="comments">
            <h2>评论区</h2>
            {comments.map(comment => (
                <div key={comment.id} className="comment">
                    <h3 className="comment-user">{comment.user}</h3>
                    <p className="comment-text">{comment.text}</p>
                </div>
            ))}
        </div>
    );
}

export default Comments;